   @media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
     html,body {
         font-size:33.75px;
     }
   }
     @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
     html,body {
         font-size:30px;
     }
   }
     @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
     html,body {
         font-size:25px;
     }
   }
     @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
     html,body {
         font-size:22.5px;
     }
   }
     @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
     html,body {
         font-size:20px;
     }
   }
     @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
     html,body {
         font-size:18.75px;
     }
   }
     @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
     html,body {
         font-size:16.875px;
     }
   }
     @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
     html,body {
         font-size:15px;
     }
   }
     @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
     html,body {
         font-size:12.9375px;
     }
   }
     @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
     html,body {
         font-size:12.5px;
     }
   }
     @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
     html,body {
         font-size:11.71875px;
     }
   }
     @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
     html,body {
         font-size:11.25px;
     }
   }
     @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
     html,body {
         font-size:10px;
     }
   }
     @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
     html,body {
         font-size:7.5px;
     }
   }
  @charset "utf-8";
.content {
    width: 100%;
    .top {
        width: 100%;
        padding: 0.5rem 0.5rem 0;
        background: #fff;
        position: relative;
        .img > img {
            display: block;
            margin: 0.5rem auto;
            width: 8rem;
        }
        .img a {
            display: block;
            position: absolute;
            top: 0.8rem;
            right: 0.8rem;
            img {
                display: block;
                width: 1.95rem;
            }
        }
        .p1 {
            font-size: 0.8rem;
            text-align: left;
            margin: 0.5rem 0;
        }
        .ul1 {
            width: 100%;
            li {
                float: left;
                width: 50%;
            }
            .mall {
                height: 1.2rem;
                line-height: 1.2rem;
            }
            .price {
                height: 1.2rem;
                line-height: 1.2rem;
                span {
                    color: #fe0000;
                }
            }
            .comment,
            .sales {
                color: #a1a1a1;
                height: 1.2rem;
                line-height: 1.2rem;
            }
        }
    }
    .mid {
        margin-top: 1rem;
        width: 100%;
        .tab {
            width: 100%;
            li {
                float: left;
                width: 33%;
                height: 1.7rem;
                line-height: 1.7rem;
                text-align: center;
                color: #fff;
                background: #fb0;
                border: 1px solid #c14d00;
            }
            li.active {
                background: #f90;
            }
            li.cur,
            li.pj {
                border-left: none;
                border-right: none;
            }
        }
        div:nth-of-type(1) {
            width: 100%;
            margin-top: 0.6rem;
            height: 1.65rem;
            line-height: 1.65rem;
            border-bottom: 1px solid #ccc;
        }
        div.div_pj {
            /*padding: 0.5rem;*/
            width: 100%;
            .div_wypj {
                width: 100%;
                background: #dbdbdb;
                text-align: center;
                height: 1.75rem;
                line-height: 1.75rem;
            }
            .ul_wypj {
                padding: 0.5rem;
                width: 100%;
                li {
                    width: 100%;
                    .p1 {
                        height: 0.9rem;
                        line-height: 0.9rem;
                        color: #999;
                        font-size: 0.7rem;
                        span:first-child {
                            float: left;
                        }
                        span:last-child {
                            float: right;
                        }
                    }
                    .p2 {
                        height: 0.9rem;
                        line-height: 0.9rem;
                        color: #999;
                        text-align: right;
                        font-size: 0.7rem;
                    }
                    .p3 {
                        color: #000;
                        font-size: 0.7rem;
                        line-height: 1.1rem;
                        padding-top: 0.25rem;
                        margin-bottom: 2rem;
                    }
                }
            }
            .ckpj {
                width: 100%;
                padding: 0.5rem;
                p {
                    width: 100%;
                    border: 1px solid #ccc;
                    height: 1.65rem;
                    line-height: 1.65rem;
                    background: #d4d4d4;
                    text-align: center;
                }
            }
        }
    }
}
